@charset "utf-8";

.web{
    width: 1330px;
}
@mixin a{
    font-size: 12px;
}
@mixin b{
    border-radius: 5px;
}
@mixin e{padding-left: 5px;}
//容器
.box{
    width: 650px;
    height: 595px;
    margin:37px auto 690px;
    border-radius: 10px;
    border: 1px solid #bdbd93;
    //图片
    .pic{
        width: 100%;
        height: 180px;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        background-size: cover;
        background-image: url(../image/login_vip/鲁班兄弟商城VIP登录_03.jpg);
        
         }
    //邮箱标题
    .login_mail{
        width: 80%;
        height: 14px;
        margin: 60px auto 14px;
        @include a;
        color: #afafaf;
    }
    //邮箱输入框
    input[type="text"]{
        width: 80%;
        height: 40px;
        @include b;
        display: block;
        margin:0 auto 37px;
        @include e;
    }
       
    //密码标题
    .login_passwork{
        width: 80%;
        height: 14px;
        margin: 0 auto 23px;
        @include a;
        color: #afafaf;
    }
    //密码输入框
    input[type="password"]{
        width: 80%;
        height: 40px;
        @include b;
        display: block;
        margin: 0 auto 50px;
        @include e;
        }
    //登录按钮
    input[type="submit"]{
        width: 80%;
        height: 40px;
        display: block;
        margin: 0 auto 10px;
        @include b;
        background: #584c4c;
        color:white;
        font-size: 16px;
        font-weight: bold;
        cursor: pointer;
    }
    //忘记密码
    .find{
        width: 80%;
        height: 14px;
        margin: 0 auto 48px;
        color:#a3a3a3;
        a{color:#a3a3a3 ;}
        input[type="checkbox"]{
            vertical-align: middle;
        }
    }
}

